<template>
  <div id="app">
    <top-bar class="top" @clickTable="clickTable" :tableTexts="tableTexts"></top-bar>
    <page-body class="page-body" :index="nowSelectTable"></page-body>
  </div>
</template>
<script>
import topBar from "./components/top-bar"
import pageBody from "./components/page-body"
export default {
  name: 'App',
  components: {
    topBar,pageBody
  },
  data(){
    return{
      tableTexts: [
        "发现音乐", "我的音乐", "朋友", "商城", "音乐人", "下载客户端"
      ],
      nowSelectTable: 0
    }
  },
  methods:{
    clickTable(index){
      this.nowSelectTable = index
    }
  }
}
</script>

<style>
html, page ,body{
  width: 100%;
  height: 150%;
  margin: 0px;
  min-width: 1500px;
  box-sizing: border-box;
  position: relative;
}
#app{
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.top {

}
.page-body{

}
</style>
